<template>
  <dv-border-box13 class="box">
    <div class="wrapper">
      <div class="title">{{ title }}</div>
      <div class="content">
        <slot></slot>
      </div>
    </div>
  </dv-border-box13>
</template>

<script setup lang="ts">
defineProps({
  title: String
})
</script>

<style scoped>
.box {
  overflow: hidden;
  height: 100%;
}

.wrapper {
  height: 100%;
  padding: 15px;
}

.title {
  font-size: 18px;
  color: white;
  /* background-image: url('/box-header.png'); */
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-bottom: 15px;
  /* padding-left: 40px; */
}
</style>
